{% extends "base.html" %}

{% block title %}
<header>
	<hgroup>
		<h1>time tracker</h1>
		<h2>Visualize your time, be productive</h2>
	</hgroup>
	<div id="userCredentials">Yuriy Shapovalov</div>
</header>
{% endblock %}

{% block navigation %}
<nav id="main_menu">
	{% for menuItem in mainMenu %}
	<a href="{{ menuItem.link }}">{{menuItem.name}}</a> {% endfor %}
</nav>
{% endblock %}

{% block content %}
<section id="main" role="main">
	<div>
		<section>
			{% block timer %}{% endblock %}
			{% block active_list %}{% endblock %}
			{% block widgets %}{% endblock %}
		</section>
	</div>
	<aside>
		<div id="add_activity">+</div>
			<div id="chronoses">
			{% block all_items_list %}{% endblock %}
			</div>
	</aside>
</section>
{% endblock %}

{% block footer %}
<footer> This is a footer element </footer>
{% endblock %}